// 人员查询表格

/**
 * className='tablebox' 表格类名
 * bordered 是加有边框 
 * rowKey 行的key值
 * scroll 滚动条配置
 * dataSource(表格数据)
 * columns(表格标题数据)
 * total(数据库中的数据总条数)
 * setTableList(models中的 effects 函数,点击翻页触发该函数，更新 models 中的 tableList)
 * rowSelection: ture || false 是否开启侧边多选栏
 */
import { Table } from 'antd'
import { connect } from 'dva'
import './findTable2.css'



function Findtable ({ total, dataSource, setTableList, ...reset }) {
  // 挂载和改变时重新触发更改数据
  let onChange = (page = 1, size = 7) => {
    if (dataSource.length > 7) {
      return
    }
    setTableList({ _page: page, _limit: size })
  }
  return (
    // 这个组件是将untd所以的英文解析成中文。用来解决分页器跳转  页的
    // <ConfigProvider locale={zhCN}>
    <div className='findTable2'>
      <Table
        {...reset}
        dataSource={dataSource}
        scroll={{ x: !!dataSource.length }}
        pagination={{ //配置分页器
          showQuickJumper: true,
          defaultCurrent: 1,
          total: total * 1,
          defaultPageSize: 7,
          showTotal: () => (`共${Math.ceil(total / 7)}页`),
          onChange: onChange
        }}
      />
    </div>
    // </ConfigProvider>
  )
}

export default connect()(Findtable)
